.skills {
  background-image: url("../../assets/images/Background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  &__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 300px;
    @media screen and (max-width: 1226px) {
      padding: 100px 200px;
    }
    @media screen and (max-width: 1029px) {
      padding: 100px 100px;
    }
    @media screen and (max-width: 659px) {
      padding: 75px 16px;
    }
  }
  &__container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    @media screen and (max-width: 659px) {
      display: block;
    }
  }
  &__list {
    text-align: right;
    font-size: 17px;
    line-height: 24px;
    color: #1a1b1d;
  }
  &__name {
    font-size: 30px;
    text-transform: uppercase;
    color: #eda424;
    padding-right: 30px;
    @media screen and (max-width: 659px) {
      text-align: left;
    }
  }
}
